.empty{line-height:3;text-align: center;font-size: 200%;width: 100%;color: #d8d8d8;margin-top: 2% !important;}
img{max-width:100%;}
li {list-style: none;}
.clearfix:after{ content: ''; display: block; clear: both; width:100%; height:0;}
a:hover{text-decoration:none}
table{border-collapse: collapse; }
table th,table td{ padding:5px;border:1px solid #dedede;vertical-align: middle !important;}

.header{position: relative;}
.header .header-top{padding: 24px 0;}
.header .header-top .pull-right { }
.header .header-top .pull-right p{  margin-bottom:0;}
.header .header-top .pull-right i.iconfont{ color: #414141; font-size:230%;margin-right: 3px;}
.header .header-top .pull-right span{ color: #db2129; font-size:230%; line-height:1;}



.navbar{background: #0d62bd;border-radius: 0; border:none; margin-bottom:0;}
.navbar .navbar-nav {text-align: center;}
.navbar .navbar-nav a{ text-align: center; display: inline-block; color: #fff; margin: 0 10px;}

.navbar-default .navbar-nav>li>a{ color: #ffffff;}

.dropdown-menu{  background-color: #0f4bad;filter: alpha(opacity=56);	background-color: rgba(15, 75, 173, .9);border: none;}
.navbar-default .dropdown-menu li{ line-height:2.2;}
.navbar-default .dropdown-menu li a{}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color: #c8000b;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{color:#ffffff; background-color: #c8000b;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{color:#ffffff; background-color: #c8000b;}

.quickbar{background: #005bac; color: #fff;}

.quickbar .hotkeys_box{ width:34vw; float: left; height:58px; line-height:58px;}
.quickbar .hotkeys_box .label_name{ width:7.3vw; float: left;}
.quickbar .search_form{ width:19.5vw; float: left; padding: .45vw;}
.quickbar .search_form .input_txt{ display: inline-block; width:14vw; color: #333; padding-left:5px; background-color: #fff; border:none; height:40px; line-height:40px;}
.quickbar .search_form .input_btn{display: inline-block; width:4vw; background-color: #c8000b; border:none; height:40px; line-height:40px;}
.quickbar .shop_linkes{ position: relative;  float: right;}


.hotkey_label,.hotkey_links{ line-height:58px; padding:0; color: #fff;}
.hotkey_label,.hotkey_links a{ color: #fff; padding:0 2%; display: inline-block;}
.hotkey_links a:hover{ opacity:.8;}
.hotkey_box{ height:58px; overflow: hidden;	}
.search_box{padding: 9px 0;}
.search_box .input_txt{ color: #333; padding-left:5px; background-color: #fff; border:none; height:39px; line-height:40px; }
.search_box .input_btn{ background-color: #c8000b; border:none; height:40px; line-height:40px;}

.shop_linkes{ float: right; height:58px; position: relative;}
.shop_linkes .link{ width:58px; height:58px; float: right; margin-left: 24px; position: relative;}
.shop_linkes .link a{ width:77px; height:77px; color: #fff;text-align: center; display: table-cell; vertical-align: middle; position: absolute; top:-9px; left:-9px; background-color: #c8000b;}
.shop_linkes .link p{ margin:0;}
.shop_linkes .link i{ font-size: 35px;}
.shop_linkes .link.taobao a{ background-color: #ff6600;}

#navbar-default .searchbar{background-color: #0f4bad; filter: alpha(opacity=56); background-color: rgba(15, 75, 173, .56);  height:53px; line-height:53px; width:100%;color: #ffffff;position: absolute; overflow: hidden;}
#navbar-default .searchbar .keyword-box { padding:0; overflow: hidden;}
#navbar-default .searchbar .keyword-box a{ color: #ffffff; display: inline-block;margin-right: 5px;}

#navbar-default .searchbar .search-box{ padding:0;}
#navbar-default .searchbar .search-box .form-inline{background-color: #94a4be; border-radius: 4px;    margin-top: 9px;}
#pc-seach-box .form-control{ border:none;background-color: transparent; color: #fff;display: block;float: left;}
#pc-seach-box .form-control:-ms-input-placeholder{color:#fff}
#pc-seach-box .form-control::-webkit-input-placeholder{color:#fff}
#pc-seach-box .btn{background: transparent; border:none; color: #fff;float: right;font-size: 135%;padding: 3px 0;	width: 38px; position: relative;}
#pc-seach-box .btn:before{ position: absolute; height:95%; content: ''; display: block; width:0;border-left: 1px solid #8090ab; left:0; top:2.5%;}
#pc-seach-box .btn:hover{ opacity:.8;}

.navbar-toggle{background: #0d62bd; cursor: pointer;}
.navbar-toggle .icon-bar{background: #fff;}
.mobile_menu_nav{ overflow: hidden; position: fixed; width:100%; height:100%;background-color: rgba(0,0,0,.8); z-index:9;}


.mid-nav{ background: url("../Images/mid-nav-bg.jpg") center center no-repeat; background-size:  cover; overflow: hidden;}
.mid-nav .item{transition: all .2s linear 0s;color: #fff; padding:1.2% 0;  text-align: center; position: relative;}
.mid-nav .item:before{ position: absolute;  content: '';  display: block;   width:0; height:0;
    left:50%; top:0;border-top:3px solid #db2129; transition: all .2s linear 0s;}
.mid-nav .item a{ color: #ffffff; }
.mid-nav .item i{ font-size: 360%; }
.mid-nav .item p{ font-size: 130%; }
.mid-nav .item:hover:before{  width:100%;  left:0;  position: absolute;}
.mid-nav .item:hover { color: #0f4bad; background-color: #ffffff;}
.mid-nav .item:hover a{color: #0f4bad;}

.section{ }
.section .sec-title{font-size: 200%; font-weight: 800;text-align: center; width: 10em;    margin: 1.5% auto;}
.section .sec-title .en-title{ color: #b9b9b9; font-weight:normal; text-transform: uppercase; font-size: 90%;}
.section .sec-title fieldset {padding:0;margin:0 2px;border:1px solid silver;border-width: 1px 0 0;}
.section .sec-title legend{padding:0 5%; border:0; width:auto; margin-bottom:0; font-weight:normal;}
.section .sec-title legend b{ color: #c8000b;}
.section .sec-nav{text-align: center;margin-bottom: 1.5%;}
.section .sec-nav a{ border:1px solid #d8d8d8; padding:.5% 1.2%; color: #5f5f5f;text-decoration: none;display: inline-block;margin-bottom: 1%;}
.section .sec-nav a:hover,.section .sec-nav a.on{ border:1px solid #0d62bd;color: #ffffff; background-color: #0d62bd;}

.product-list {}
.product-list .p-item{ padding: .5%;text-align: center;cursor: pointer;}
.product-list .p-item .p-item-wrap{ position: relative; overflow: hidden;border: 7px solid #e4e4e4;border-bottom: none;-webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
.product-list .p-item .caption{ padding:6% 0; text-align: center; background-color: #475265;transition:  all .2s linear 0s;}
.product-list .p-item .caption a{ font-size: 115%; color: #fff; display: block; }
.product-list .p-item .p-item-wrap .overlay {background-color: #000;color: #fff;left: 0;right:0;bottom:-100%;height: 0;position: absolute;text-align: center;opacity:0;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.product-list .p-item .p-item-wrap .overlay .overlay-content {display: table;height: 100%;width: 100%;}
.product-list .p-item .p-item-wrap .overlay .overlay-text {display: table-cell;vertical-align: middle;}
.product-list .p-item .p-item-wrap .overlay .folio-info {opacity: 0;margin-bottom: 75px;margin-top: -75px;-webkit-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
.product-list .p-item .p-item-wrap .overlay .folio-info h3 {	margin-top: 0;	color: #fff;}
.folio-overview a {font-size: 18px;color: #333;	height: 50px;width: 50px;line-height: 50px;	border-radius: 50%;background-color: #fff;display: inline-block;margin-top: 20px;margin-right: 5px;}
.product-list .p-item .p-item-wrap .folio-overview a:hover { background-color: #0d62bd;}
.product-list .p-item .p-item-wrap .folio-overview .folio-expand {margin-top: -500px;margin-left: -500px;-webkit-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.product-list .p-item:hover .p-item-wrap{ border-color: #0d62bd;}
.product-list .p-item:hover .overlay {	opacity: 0.8;	bottom: 0;	height: 100%;}
.product-list .p-item:hover .folio-overview .folio-expand {	margin-top: 0;	margin-left:0;}
.product-list .p-item:hover .overlay .folio-info {opacity: 1;margin-bottom:0;margin-top:0;}
.product-list .p-item:hover .caption{background-color: #0d62bd;}
.product-list .p-item:hover  .p-item-title{ background-color: #0d62bd; color: #fff; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
.product-list .p-item  .p-item-title{ line-height:30px; background-color: #e4e4e4;}
.product-list .p-item .p-item-titlem{display:block;margin:5px auto; width:60%; line-height:30px; height:30px;background:#0d62bd;border-radius:10px;}
.product-list .p-item .p-item-titlem a{color:#fff;line-height:30px;}
.product-list .p-item  .p-item-img{width:100%;}
.product-list .p-item figcaption {padding: 15%;color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.product-list .p-item figcaption h2 {word-spacing: -0.15em;font-size: 130%;font-weight: 700;margin: 0;line-height: 1em;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0);visibility: hidden;}
.product-list .p-item figcaption::before, .product-list .p-item figcaption p {opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(0);transform: scale(0);line-height: 1.7;margin-top: 8px;}
.product-list .p-item  figcaption::before {position: absolute;top: 10px;right: 10px;bottom: 10px;left: 10px;border: 1px solid #fff;content: '';margin-top:0;}
.product-list .p-item:hover h2{ visibility: visible;}
.product-list .p-item:hover figcaption {background-color: rgba(0,0,0,0.8);}
.product-list .p-item:hover figcaption::before, .product-list .p-item:hover figcaption p {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.product-list .p-item:hover  figcaption h2 {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.product-list .p-item figcaption a {	border: 1px solid #fff;font-size: 90%;display: inline-block;color: #fff;padding: 0 1em;-webkit-transition: all 0.3s ease-in-out;	-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;	-o-transition: all 0.3s ease-in-out;	transition: all 0.3s ease-in-out;outline: none !important;}
.product-list .p-item figcaption a:hover {text-decoration: none;padding: 0 1.5em;}

.index-reason{}
.index-reason .sec-wrap{background: url("../Images/reason_bg.jpg") center bottom no-repeat;margin-top: 55px;}
.index-reason .tab_box{ }
.index-reason .tab_box .hd{ position: relative; }
.index-reason .tab_box .hd span{ position: relative; top:-100%; height:70px; line-height:70px; display: block; color: #fff; background-color: #3d6cc5;font-size: 120%; cursor: pointer;}
.index-reason .tab_box .hd span i.iconfont{font-size: 170%;vertical-align: middle;}
.index-reason .tab_box .hd span:not(:first-of-type):not(.on):before{ content: ''; display: block; position: absolute;height: 40%;border-left: 1px solid rgba(255, 255, 255, .5);top: 30%; left:0;}
.index-reason .tab_box .hd span.on{ background-color: #c8000b; }

.index-reason .tab_box .bd{ padding:30px 0;}
.index-reason .tab_box .bd_box{ padding-left: 60px;}

.index-reason .tab_box .bd .reason_img{ -webkit-box-shadow: 30px 30px 0  rgba(0, 0, 0, 0.3); -moz-box-shadow: 30px 30px 0  rgba(0, 0, 0, 0.3); box-shadow: 30px 30px 0  rgba(0, 0, 0, 0.3);  margin-bottom: 30px;}
.index-reason .tab_box .bd .bd_list{ color: #fff;}
.index-reason .tab_box .bd .bd_list .title{font-size: 250%; line-height:2.5;font-weight: 100;}
.index-reason .tab_box .bd .bd_list .con{font-size: 110%; line-height:1.8;}
.index-reason .tab_box .bd .bd_foot{ color: #fff;}
.index-reason .tab_box .bd .bd_foot .tel b{ font-size: 200%;font-weight: normal;}



.index-about{ overflow: hidden; margin-bottom:0; padding-bottom: 2em;;}

.index-about .about-con{line-height:200%; color: #717171;padding: 1em 2em;}
.index-about .about-con a.more{color:#fff; height:36px; line-height:36px; width:170px; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; background-color: #0f4bad;    display: block;margin: 0 auto;}

.index-cases{background-color: #f1f2f4; overflow: hidden;}
.case-list{ margin-bottom:14px;}
.case-list .case-item{ padding: .8%;transition: all .2s linear 0s;}
.case-list .case-item .case-item-wrap{ transition: all .2s linear 0s;}
.case-list .case-item .case-title{ text-align: center;	padding: 1% 0;	margin-bottom: 0;	line-height: 290%;	background: #fff;	overflow: hidden;	text-overflow: ellipsis;	white-space: nowrap;	font-size: 120%; transition: all .2s linear 0s;    border-bottom: 5px solid #0f4bad;}
.case-list .case-item .case-item-wrap:hover{ -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.3);	box-shadow: 0 0 30px rgba(0,0,0,0.3);}
.case-list .case-item .case-item-wrap:hover .case-title{ background-color: #0f4bad; color: #fff;}
.case-list.owl-carousel .owl-stage-outer .case-item-wrap:hover{ -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3);	box-shadow: 0 0 15px rgba(0,0,0,0.3);}
.case-list.owl-carousel .case-item{ padding: 1.8%;}

.index-news{ padding-top:24px;}
.news_box .box_head{ border-bottom:4px solid #dcdcdc; line-height:2;}
.news_box .box_head .head_name{ }
.news_box .box_head .head_name .cn_name{  display: inline-block; margin-right:5px;color: #181818; font-size: 160%; font-weight:bold; position: relative;}
.news_box .box_head .head_name .cn_name:after{ content: ''; height:4px; display: block; position: absolute; bottom:-4px; width:100%; background-color: #0f4bad;}
.news_box .box_head .head_name .en_name{ text-transform: uppercase;}

.news_box .box_head .more{ text-align: right; line-height:2; text-transform: uppercase; color: #333333;font-size: 12px; line-height:44px;}
.news_box .box_head .more a{ color: #333333;}
.news-list{ margin:2% 0;}
.news-list .news-item{margin-bottom: 10px;}
.news-list .news-item.thumb .news-item-wrap{ border-bottom:1px dotted #ccc; padding-bottom:5px;}
.news-list .news-item.normal .news-item-wrap{ border-bottom:1px solid #ccc;}
.news-list .news-item:after{ clear: both; content: ''; width:100%; height:0; display: block;}
.news-list .news-img{ padding:0;border: 2px solid #fff;box-shadow: 0px 0px 5px #ccc;}
.news-list .news-inf{}
.news-list .news-inf .news-title{ overflow: hidden; width: 100%; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis;  font-size: 110%;line-height: 2;margin-bottom: 0;}
.news-list .news-inf .news-desc{     display: -webkit-box;	overflow: hidden;	white-space: normal!important;	text-overflow: ellipsis;	word-wrap: break-word;	-webkit-line-clamp: 3;	-webkit-box-orient: vertical;}
.news_item.normal a{ color: #333; display: block; line-height:2.5;}
.news_item.normal .news_title{ overflow: hidden; white-space:nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis;}
.news_item.normal .news_time{text-align: right;}


.question_list{}
.question_list .item{ border-bottom:1px dotted #ccc;    margin-bottom: 10px;margin-left: 0;	margin-right: 0;}
.question_list .question{ color: #3e3e3e; line-height:32px;  margin: 6px 0;}
.question_list .question .icon-q{ display: inline-block; width:32px; height:32px; background-color: #3e3e3e; vertical-align: top; color: #fff; text-align: center; font-style: normal; padding:0;}
.question_list .answer{ color: #828282; line-height:24px;}
.question_list .answer .icon-s{display: inline-block; width:32px; height:32px; line-height:32px; background-color: #828282; color: #fff; vertical-align: top; text-align: center; font-style: normal;padding:0;}
.question_list .answer p{ display: inline-block;width: 90%;margin-bottom: 5px;}
.question_list .item .row{ margin-left:0; margin-right:0;;}
.footer{overflow: hidden;}
.footer .fnav{background: #3b3b3b;padding: 2.5% 0;}
.footer .fnav .fnav-item{ color: #a9a9a9;}
.footer .fnav .fnav-item p{line-height: 2.6;  margin-bottom:0;}
.footer .fnav .fnav-item h3{ color: #FFFFFF; position: relative;}
.footer .fnav .fnav-item h3:before{ content: ''; display: inline-block; width:18px; height:3px; background-color: #c50000;    position: absolute;
	top: 50%;left: -25px;}
.footer .fnav .fnav-item .footer_contact_con p{ line-height:2;}
.footer .fnav .fnav-item i.iconfont{ margin-right: 4px;font-size: 160%; vertical-align: middle;}
.footer .fnav .fnav-item .fnav-item-con a{ color: #a9a9a9; display: inline-block; padding:2.5% 5% 2.5% 0;}
.footer .fnav .fnav-item .fnav-item-con a:hover{ color: #ffffff;}
.footer .fnav .fnav-item .qrcode{background-color: #eee;width:160px;  height:160px;}
.footer .fnav .fnav-item .qrcode img{max-width:100%;max-height:100%;}
.footer .fnav .contact{}

.footer .copyright{background-color: #0657b2; color: #fff; line-height:2;text-align: center;
    padding:.5% 0;}
.footer .copyright p{margin-bottom: 0;}
.footer .copyright a{ color: #fff;}

/*子页面 关于我们*/
.page_header{ padding-top:4.5%;background-color: #f1f1f1;}
.page_header .page_header_top{ border-bottom:1px solid #d3d3d3;  line-height: 2.2;}
.page_header .page_header_top .catname{ color: #0d62bd; font-size: 174%;font-weight: bold;}
.page_header .page_header_top .location{ margin-top: 1%;text-align: right;}
.page_header .page_header_top .location a{color: #333; }
.page_header .page_header_top .location a:hover{color: #337ab7;; }
.page_header .page_header_bottom{ color: #555555;}
.page_header .page_header_bottom .description{ line-height:5; }
.page_header .page_header_bottom .tel{}
.page_header .page_header_bottom .tel em{ font-style: normal;font-size: 180%;color: #df0000; line-height: 2.8;}
.page_wrap.page_info img{max-width:100%; display: block; margin:0 auto;}
.page_info h3{text-align: center; font-weight:bolder;line-height: 2;}
.page_info .page_about{ padding:1.8%; line-height:1.8;}

/*产品列表*/
.page_header .page_header_bottom  .cat_nav { margin-top: 1%;}
.page_header .page_header_bottom  .cat_nav a{ border:1px solid #d8d8d8; padding:.5% 1.2%; color: #5f5f5f;text-decoration: none;display: inline-block;margin-bottom: 1%;}
.page_header .page_header_bottom  .cat_nav a:hover,.page_header .page_header_bottom .cat_nav a.on{ border:1px solid #0d62bd;color: #ffffff; background-color: #0d62bd;}

.product-main{ padding-top:1.5%; padding-bottom:1.5%;}
.product_info_main{ padding:1.5%;}
.product_info_main .inf_head{ border-bottom: 1px solid #d8d8d8; padding-bottom:1%; padding-left:.5%;}
.product_info_main .inf_head strong{ font-size: 110%}
.product_info_main .product_con table{ width:100%;}

.product_params{}
.product_params .param{ margin-bottom:10px; padding:10px 0;}
.product_params .param .param_label{text-align: right;padding-right: 0;line-height: 2; font-size:16px;}
.product_params .param .param_value{ line-height: 2;font-size:16px;}

.product_params .param.param-contact{ border-top: 1px dashed #e0e0e0;}
.product_params .param.param-contact .tel_num{color: #c8000b;font-size: 3rem;font-weight: bold;line-height: 1; margin-right:10px;}

/*新闻列表*/
.news-gallery{}
.news-gallery .news-item{ padding:0;}
.news-gallery .news-item .news-item-wrap{ padding:3%;border: 1px solid #c3c3c3;	margin: 2%;}
.news-gallery .news-item .news-time{color: #a7a3a3;}
.news-gallery .news-item .news-title{text-overflow: ellipsis; white-space:nowrap; overflow: hidden; width:100%;}
.news-gallery .news-item .news-img {max-height:200px; overflow: hidden;}
.news-gallery .news-item .news-img img{ width:100%; position: relative;}
.news-gallery .news-item .news-desc{ line-height:1.8;  display: -webkit-box;	overflow: hidden;white-space: normal!important;text-overflow: ellipsis;	word-wrap: break-word;-webkit-line-clamp: 3;	-webkit-box-orient: vertical;}


/*新闻详情*/
.news-main{}
.news-main .news-title{text-align: center;}
.news-main .news-info{text-align: center; color: #999;}
.news-main .news-img img{ padding: .7%;border: 1px solid #e6e6e6;}


/*联系我们*/
.contact_page{padding-top: 2%;overflow: hidden;}
.message li{margin-bottom: 1rem;}
.message li .form-control{border: 1px solid #e3e3e3; border-radius: 0;color: #8c8c8c;background: transparent;box-shadow: none;}
.message .form-last{margin: 0;}
.message .form-last li{padding-right: 0;}
.message .form-last li:last-child{padding-right: 15px;}
.message .form-last .btn-primary{border-radius:0;border-color: #0081dc;background-color: #0081dc; width: 100%;}
.contacts{}
.contacts .contact-item{margin-bottom: 1em; padding-left: 2em;}

.contacts .contact-item i.iconfont{font-size: 190%;  vertical-align: middle;}
.contacts .contact-item p{margin-bottom: 0; line-height: 1.5;}
.contacts .contact-item em{color: #c9242b; font-style: normal;font-size: 180%}
.qrcode{text-align: center;font-size:87%;}
.qrcode p{line-height: 1.5;}

.pro_info_nav{ height:42px; line-height:42px;background-color: #eeeeee;}
.pro_info_nav .item{ width:120px; text-align: center; float: left; margin-right:10px;}
.pro_info_nav .item a{ color: #333;}
.pro_info_nav .item.on,.pro_info_nav .item:hover{ background-color: #ff3f3c; color: #fff;}
.pro_info_nav .item.on a{ color: #fff;}
.inner_inf_head{  margin-top: 10px;}
.inner_inf_head strong{ position: relative; display: inline-block; text-align: center; line-height:36px; font-size: 20px; font-weight:normal;}
.inner_inf_head strong:before,.inner_inf_head strong:after{ content: ''; width:50%; position: absolute; bottom:0; height:3px;}
.inner_inf_head strong:before{ left:0; background-color: #333;}
.inner_inf_head strong:after{ right:0; background-color: #c9242b;}

.footer_mobile_nav{ width:100%;  position: fixed; z-index: 99; bottom:0; background-color: #0d62bd;}
.footer_mobile_nav:after{ content: ''; clear: both; display: block;}
.footer_mobile_nav .nav_item{width: 25%;float: left;text-align: center;height: 100%;}
.footer_mobile_nav .nav_item a{ color: #fff; text-align: center; vertical-align: middle;}
.footer_mobile_nav .nav_item a i{ font-size: 210%;}
.footer_mobile_nav .nav_item a p{ line-height: 1;font-size: 110%;margin-bottom: 6px;}

.gotop.mobile {position: fixed;right: 0;bottom: 5.5rem;width: 3rem;height: 3rem; line-height:3rem;text-align:center;z-index: 99;background: #c9242b;border-radius: 100%; color: #fff; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(50%); transform: translateX(100%);}
.gotop.mobile i.iconfont{ font-size: 20px;}
.gotop.mobile.show{ -webkit-transform: translateX(-30%) rotate(360deg); -moz-transform: translateX(-30%) rotate(360deg); -ms-transform: translateX(-30%) rotate(360deg); -o-transform: translateX(-30%) rotate(360deg); transform: translateX(-30%) rotate(360deg);}